<template>
    <div>
        <el-container>
            <el-aside width="170px">
                <Menu :power="this.power"/>
            </el-aside>
            <el-container>
                <el-main>
                    <router-view/>
                </el-main>
            </el-container>
        </el-container>




    </div>
</template>



<script>
    import hot from "../components/windows/hot";
    import userHead from "../components/user/userHead";
    import Menu from "../components/user/menu";
    import Unit from "../components/windows/Unit";
    import Unit2 from "../components/windows/Unit2";
    import foot from "../components/foot";

    export default {
        name: "Home",
        components: {userHead,Menu,hot,Unit,Unit2,foot},
        created: function f() {
            this.$axios
                .get('/api/user/getMsg')
                .then((req)=>{
                    const tmp = req.data.data;
                    this.power = tmp.power;
                })
        },
        data() {
            return {
                show:true,
                power:''
            };
        },
        methods: {
            test:function () {
                this.show = !this.show;
            }

        },
    };
</script>
<style  scoped>
    .el-main {
        height: 100vh;
    }
    .el-aside{
        height: 100vh;

    }
    .el-aside[data-v-fae5bece]{
        background-color: #545C64;
        line-height: 1px;
    }
    #div1{
        width: 100%;
        height: 600px;
        background: rgba(41,49,52, 0.7);
    }

    #head{
        width: 100%;
        height: 20px;
        /*background-color: darkkhaki;*/
    }

    .c1{
        height: 150px;
        background-color: cornflowerblue;
    }
    .c2{
        height: 150px;
        background-color: darkcyan;
    }
    .c3{
        height: 150px;
        background-color: darksalmon;
    }
    .c4{
        height: 200px;
        background-color: cornflowerblue;
    }
    .split{
        height: 20px;
    }
    .split1{
        height: 70px;
    }



    .el-aside {
        background-color: #d3dce6;
        color: #333;
        text-align: center;
        line-height: 400px;
    }
    #login {
        width: 450px;
        height: 430px;
        position: absolute;
        right: 32%;
        bottom: 20%;
        /* 设置圆角 */
        border-radius: 30px;
        /* 白底半透明 */
        background: rgba(70, 255, 35, 0.5);
    }
</style>


